// "use client";
// import React from 'react';
// import { Table, Button, Popconfirm } from "antd";

// import Link from 'next/link';


// const UserList = async ({ user }) => {
//     console.log("进入了用户列表");
//     console.log("userList", user);
//     const columns = [
//         {
//             title: "user_id",
//             dataIndex: "user_id",
//             key: "user_id"
//         },
//         {
//             title: "username",
//             dataIndex: "username",
//             key: "username"
//         },
//         {
//             title: "email",
//             dataIndex: "email",
//             key: "email"
//         },
//         {
//             title: "password",
//             dataIndex: "password",
//             key: "password"
//         },
//         {
//             title: "created_at",
//             dataIndex: "created_at",
//             key: "created_at"
//         },
      
//         {
//             title: "updated_at",
//             dataIndex: "updated_at",
//             key: "updated_at"
//         },

//         {
//             title:"操作",
//           //   dataIndex:"status",
//             key:"action",
//             render:(_,row)=>(
//           <div style={{display:"flex"}}>
//          <Link href={`/userManage/${row.id}`}>
//           <Button>修改</Button>
//           </Link> 
        
         
          
//           </div>
//             )
//           },
//     ];

//     return (
//         <div>
//             <h1> 用户个人信息
//                 {/* <Button type="primary" size='small' href="/user/new">
//                     新增
//                 </Button> */}
//                 {/* <Table columns={columns} dataSource={user} rowKey="id" /> */}
//                 <Table columns={columns} dataSource={user}  />
//             </h1>
//         </div>
//     );
// };

// export default UserList;


// my-app/src/components/userComponent/UserList.js
"use client";
import React from 'react';
import { Table, Button } from "antd";
import Link from 'next/link';


const UserList = ({ user }) => {
    // 将 user 对象包装成数组
    const userArray = [user];

    console.log("User data:", user); // 添加这行代码查看 user 的内容

    // 确保 user 是一个数组
    // if (!Array.isArray(user)) {
    //   console.error("User data is not an array");
    //   return <div>用户数据格式不正确</div>;
    // }
  const columns = [
    // {
    //   title: "user_id",
    //   dataIndex: "user_id",
    //   key: "user_id"
    // },
    {
      title: "username",
      dataIndex: "username",
      key: "username"
    },
    {
      title: "email",
      dataIndex: "email",
      key: "email"
    },
    // {
    //   title: "password",
    //   dataIndex: "password",
    //   key: "password"
    // },
    {
      title: "created_at",
      dataIndex: "created_at",
      key: "created_at"
    },
    {
      title: "updated_at",
      dataIndex: "updated_at",
      key: "updated_at"
    },
    {
      title:"操作",
      key:"action",
      render:(_,row)=>(
        <div style={{display:"flex"}}>
          <Link href={`/userManage/${row.user_id}`}>
            <Button>修改</Button>
          </Link> 
        </div>
      )
    },
  ];

  return (
    <div>
      <h1> 用户个人信息list</h1>
      <Table columns={columns} dataSource={userArray} rowKey="id" />
    </div>
  );
};

export default UserList;
